<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<title>order</title>
		<!-- Custom Theme files -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!-- //Custom Theme files -->
		<link href="/front/css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
		<link href="/front/css/style.css" type="text/css" rel="stylesheet" media="all">
		<!-- js -->
		<script src="/front/js/jquery.min.js"></script>
		<script type="text/javascript" src="/front/js/bootstrap-3.1.1.min.js"></script>
		<script src="/front/js/imagezoom.js"></script>
		<!-- //js -->
		<!-- cart -->
		<script src="/front/js/simpleCart.min.js">
		</script>
		<!-- cart -->
		<!-- FlexSlider -->
		<script defer src="/front/js/jquery.flexslider.js"></script>
		<link rel="stylesheet" href="/front/css/flexslider.css" type="text/css" media="screen" />
		<script>
			// Can also be used with $(document).ready()
			$(window).load(function() {
				$('.flexslider').flexslider({
					animation: "slide",
					controlNav: "thumbnails"
				});
			});
		</script>
		<!--//FlexSlider -->

		<link href="/front/css/admin.css" rel="stylesheet" type="text/css">
		<link href="/front/css/amazeui.css" rel="stylesheet" type="text/css">
		<link href="/front/css/personal.css" rel="stylesheet" type="text/css">
		<link href="/front/css/orstyle.css" rel="stylesheet" type="text/css">
	</head>

	<body>
		<!--header-->
		<div class="header">
			<div class="container">
				<nav class="navbar navbar-default" role="navigation">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>

					</div>
					<!--navbar-header-->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li>
								<a href="index" class="active">首页</a>
							</li>
							<li>
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">生日蛋糕</a>

								<li class="dropdown grid">
									<a href="#" class="dropdown-toggle list1" data-toggle="dropdown">精品糕点</a>

									<li class="dropdown grid">
										<a href="#" class="dropdown-toggle list1" data-toggle="dropdown">联系我们</a>

						</ul>
						<!--/.navbar-collapse-->
					</div>
					<!--//navbar-header-->
				</nav>
				<div class="header-info">
					<div class="header-right search-box">
						<a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a>
						<div class="search">
							<form class="navbar-form">
								<input type="text" class="form-control">
								<button type="submit" class="btn btn-default" aria-label="Left Align">
								Search
							</button>
							</form>
						</div>
					</div>
					<div class="header-right login">
						<a href="#"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></a>
						<div id="loginBox">
							<form id="loginForm">
								<fieldset id="body">
									<fieldset>
										<label for="email">Email Address</label>
										<input type="text" name="email" id="email">
									</fieldset>
									<fieldset>
										<label for="password">Password</label>
										<input type="password" name="password" id="password">
									</fieldset>
									<input type="submit" id="login" value="Sign in">
									<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
								</fieldset>
								<p>New User ?
									<a class="sign" href="account">Sign Up</a> <span><a href="#">Forgot your password?</a></span></p>
							</form>
						</div>
					</div>
					<div class="header-right cart">
						<a href="#"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></a>
						<div class="cart-box">
							<h4><a href="checkout">
							<span class="simpleCart_total"> $0.00 </span> (<span id="simpleCart_quantity" class="simpleCart_quantity"> 0 </span>) 
						</a></h4>
							<p>
								<a href="javascript:;" class="simpleCart_empty">Empty cart</a>
							</p>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<!--//header-->
		<!--//single-page-->

		<div class="center">
			<div class="col-main">
				<div class="main-wrap">

					<div class="user-order">

						<!--标题 -->
						<div class="am-cf am-padding">
							<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">订单管理</strong> / <small>Order</small></div>
						</div>
						<hr/>

						<div class="am-tabs am-tabs-d2 am-margin" data-am-tabs>

							<ul class="am-avg-sm-5 am-tabs-nav am-nav am-nav-tabs">
								<li class="am-active">
									<a href="#tab1">所有订单</a>
								</li>

							</ul>

							<div class="am-tabs-bd">
								<div class="am-tab-panel am-fade am-in am-active" id="tab1">
									<div class="order-top">
										<div class="th th-item">
											<td class="td-inner">商品</td>
										</div>
										<div class="th th-price">
											<td class="td-inner">单价</td>
										</div>
										<div class="th th-number">
											<td class="td-inner">数量</td>
										</div>
										<div class="th th-operation">
											<td class="td-inner">商品操作</td>
										</div>
										<div class="th th-amount">
											<td class="td-inner">合计</td>
										</div>
										<div class="th th-status">
											<td class="td-inner">交易状态</td>
										</div>
										<div class="th th-change">
											<td class="td-inner">交易操作</td>
										</div>
									</div>

									<div class="order-main">
								
										<div th:each="op:${orderProducts}" class="order-list">
											<!--交易成功-->
											<div class="order-status5">
												<div class="order-title">
													<div class="dd-num">订单编号：<a th:text="${op.orderId}"></a></div>
													<span>成交时间：<a th:text="${op.getOrder().orderDate}"></a></span>
												</div>
												<div class="order-content" th:each="product : ${op.getProducts()}">
													<div class="order-left">
														<ul class="item-list">
															<li class="td td-item">
																<div class="item-pic">
																	<a href="#" class="J_MakePoint">
																		<!-- <img th:src="${product.getImgs().get(0).getImgUrl()}" class="itempic J_ItemImg"> -->
																	</a>
																</div>
																<div class="item-info">
																	<div class="item-basic-info">
																		<a href="javascript:void(0)">
																			&#12288&#12288&#12288<p align="center" th:text="${product.productName}"></p>
																			
																		</a>
																	</div>
																</div>
															</li>
															<li class="td td-price">
																&#12288&#12288&#12288<div th:text="${product.productPrice}" class="item-price"></div>
															</li>
															<li class="td td-number">
																&#12288&#12288&#12288<div class="item-number">
																	<span th:text="${op.productQuantity}"></span>
																</div>
															</li>
															<li class="td td-operation">
																&#12288&#12288&#12288<div class="item-operation">
																  <a href="refund">退款/退货</a>
																</div>
															</li>
														</ul>

													</div>
													<div class="order-right">
														<li class="td td-amount">
															<div class="item-amount">
																<a th:text="${op.getOrder().orderPrice}"></a>
															</div>
														</li>
														<div class="move-right">
															<li class="td td-status">
																<div class="item-status">
																	<p th:text="${op.getOrder().orderStatus}" class="Mystatus"></p>
																	<p class="order-info">
																		<a href="orderinfo">订单详情</a>
																	</p>
																</div>
															</li>
															<li class="td td-change">
																<div class="am-btn am-btn-danger anniu">删除订单</div>
															</li>
														</div>
													</div>
												</div>
											</div>
										</div>

									</div>

								</div>
							
							</div>

						</div>
					</div>
				</div>

			</div>

		</div>

		<!--//collapse -->
		<!--related-products-->
		<div class="related-products">
			<div class="container">
				<h3>相关蛋糕</h3>
				<div class="product-model-sec single-product-grids">
					<div class="product-grid single-product">
						<a href="single">
							<div class="more-product"><span> </span></div>
							<div class="product-img b-link-stripe b-animate-go  thickbox">
								<img src="/front/images/m1.png" class="img-responsive" alt="">
								<div class="b-wrapper">
									<h4 class="b-animate b-from-left  b-delay03">							
						<button>View</button>
						</h4>
								</div>
							</div>
						</a>
						<div class="product-info simpleCart_shelfItem">
							<div class="product-info-cust prt_name">
								<h4>玫瑰蛋糕</h4>
								<span class="item_price">$295</span>
								<div class="ofr">
									<p class="pric1"><del>$350</del></p>
									<p class="disc">[15% Off]</p>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
					</div>
					<div class="product-grid single-product">
						<a href="single">
							<div class="more-product"><span> </span></div>
							<div class="product-img b-link-stripe b-animate-go  thickbox">
								<img src="/front/images/m2.png" class="img-responsive" alt="">
								<div class="b-wrapper">
									<h4 class="b-animate b-from-left  b-delay03">							
						<button>View</button>
						</h4>
								</div>
							</div>
						</a>
						<div class="product-info simpleCart_shelfItem">
							<div class="product-info-cust prt_name">
								<h4>奥利奥蛋糕</h4>
								<span class="item_price">$295</span>
								<div class="ofr">
									<p class="pric1"><del>$350</del></p>
									<p class="disc">[15% Off]</p>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
					</div>
					<div class="product-grid single-product">
						<a href="single">
							<div class="more-product"><span> </span></div>
							<div class="product-img b-link-stripe b-animate-go  thickbox">
								<img src="/front/images/m3.png" class="img-responsive" alt="">
								<div class="b-wrapper">
									<h4 class="b-animate b-from-left  b-delay03">							
						<button>View</button>
						</h4>
								</div>
							</div>
						</a>
						<div class="product-info simpleCart_shelfItem">
							<div class="product-info-cust prt_name">
								<h4>儿童蛋糕</h4>
								<span class="item_price">$295</span>
								<div class="ofr">
									<p class="pric1"><del>$350</del></p>
									<p class="disc">[15% Off]</p>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
					</div>
					<div class="product-grid single-product">
						<a href="single">
							<div class="more-product"><span> </span></div>
							<div class="product-img b-link-stripe b-animate-go  thickbox">
								<img src="/front/images/m4.png" class="img-responsive" alt="">
								<div class="b-wrapper">
									<h4 class="b-animate b-from-left  b-delay03">							
						<button>view</button>
						</h4>
								</div>
							</div>
						</a>
						<div class="product-info simpleCart_shelfItem">
							<div class="product-info-cust prt_name">
								<h4>冰激凌蛋糕</h4>
								<span class="item_price">$295</span>
								<div class="ofr">
									<p class="pric1"><del>$350</del></p>
									<p class="disc">[15% Off]</p>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<!--related-products-->
		
		<!--footer-->
		<div class="footer-bottom">
			<div class="container">
				<p>Copyright &copy; 2019.Company name All rights reserved.More Templates
					<a href="http://www.cssmoban.com/" target="_blank" title="Yummy之家">Yummy之家</a>
				</p>
			</div>
		</div>

</html>